<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>每日好店  淘宝直播</title>
		<style>
			@font-face{
				font-family:iconfont;
				src:url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.eot 

);
				src:url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.eot?#iefix 

) format('embedded-opentype')
				,url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.woff 

) format('woff'),
				url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.ttf 

) format('truetype'),
				url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.svg#iconfont 

) format('svg');
			}
			.iconfont {
				font-family: iconfont;
				font-size: 14px;
			}	
			body,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,ol,p,
				select,td,textarea,th,ul,a{margin:0;padding:0;/*border: 1px solid red;*/}
			.clearfix:atfer{
						display: table;
						content: "";
						clear: both;
			}
			li{
				list-style: none;
			}
			body{
				background-color: #f4f4f4;
			}
			.box{/*border: 1px solid red;*/
				width: 1290px;
				margin: 0px auto;
			}
			a{
				color: #999;
				text-decoration: none;
				box-sizing: border-box;
				cursor: pointer;
			}
			.top{/*border: 1px solid green;*/
				width: 590px;
				height: 30px;
				margin-top: 18px;
			}
			.img{
				height: 24px;
				
			}
			.top .ltxt{
				font-size: 12px;
				height: 24px;
				line-height: 24px;
				margin-left: 10px;
				
			}
			.top .rtxt{
				font-size: 12px;
				height: 24px;
				line-height: 24px;
				margin-right: 30px;
			}
			.img img{
				
				height: 24px;
				vertical-align: middle;
				box-sizing: border-box;
				margin-left:10px;
				
			}
				
			.m1{
				width: 271px;
				height: 222px;
				box-sizing: border-box;
				margin-left: 8px;
				margin-bottom: 30px;
				float: left;
			}
			.title1{
				color: black;
				font-size: 20px;
				font-family:   tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
			}
			.title2{
				font-size: 14px;
				margin-left: 8px;	
			}
			p{
				height: 42px;
				width: 271px;
				line-height: 42px;
			}
			.fl{
				float: left;
			}	
			.fr{
				float: right;
			}				
			.img1 {
				width: 180px;
				height: 180px;
				float: left;
				margin-right: 2px;
				background:#999;
			}
			.img2 {
				width: 89px;
				height: 89px;
				float: left;
				margin-bottom: 2px;
				background:#999;
			}
			.img3 {
				width: 89px;
				height: 89px;
				float: left;
				background:#999;
			}
			.img1 img{
				width: 180px;
				height: 180px;
				opacity: 0.9;
			}	
			.img2 img{
				width: 89px;
				height: 89px;
				opacity: 0.9;
			}
			
			.img3 img{
				width: 89px;
				height: 89px;
				opacity: 0.9;
			}
			
			.img1:hover img{
				opacity: 0.8;
			}
			.img2:hover img{
				opacity: 0.8;
			}
			.img3:hover img{
				opacity: 0.8;
			}
			/*.row{
				width: 590px;
				
			}*/
			.col{
				float: left;
				width:590px;
				padding-left: 12px ;
				padding-right:20px ;
				margin-right: 10px;
				
				background: white;
				box-sizing: border-box;
			}
			.m1:hover .title1{
				color: orange;
			}
		
		</style>
	</head>
	<body>
		<div class="box ">
			<div class="col clearfix">
				<div class="top clearfix">
					<a href="#">
					<div class="img fl"><img src="https://img.alicdn.com/tfs/TB1_EXwb3oQMeJjy0FpXXcTxpXa-162-48.png"/></div>
					<div class="txt ltxt fl">发现深藏的好店</div> 
					<div class="txt rtxt fr">更多<span class="iconfont">&#xe62e;</span></div>
					</a>
				</div>
				<ul class="row">
					<li class="m1 clearfix">
						<a href="#">
						<p><span class="title1">今日推荐</span>
						<span class="title2">暂无店铺评价</span></p>
						<div class="img1"><img src="https://img.alicdn.com/bao/uploaded/i2/53646016/TB2Wnp4X0HC11BjSszeXXbZppXa_!!53646016.jpg_180x180q90.jpg_.webp"/></div>
						<div class="img2"><img src="https://img.alicdn.com/bao/uploaded/i4/53646016/TB2mxysbpHzQeBjSZFmXXbcDVXa_!!53646016.jpg_100x100q90.jpg_.webp"/></div>
						<div class="img3"><img src="https://img.alicdn.com/bao/uploaded/i3/53646016/TB2eD2Tb8fM8KJjSZFOXXXr5XXa_!!53646016.jpg_100x100q90.jpg_.webp"/></div>
					</a>
					</li >
					<li class="m1 clearfix">
						<a href="#">
						<p><span class="title1">包包控</span>
						<span class="title2">月收藏17036次</span></p>
						<div class="img1"><img src="https://img.alicdn.com/bao/uploaded/i2/1058471921/TB2vPEffesAV1JjSZFsXXadZXXa_!!1058471921.jpg_180x180q90.jpg_.webp"/></div>
						<div class="img2"><img src="https://img.alicdn.com/bao/uploaded/i4/1058471921/TB2FhJLawLD8KJjSszeXXaGRpXa_!!1058471921.jpg_100x100q90.jpg_.webp"/></div>
						<div class="img3"><img src="https://img.alicdn.com/bao/uploaded/i3/1058471921/TB2NChGarYI8KJjy0FaXXbAiVXa_!!1058471921.jpg_100x100q90.jpg_.webp"/></div>
						</a>
					</li>
					<li class="m1 clearfix">
						<a href="#">
						<p><span class="title1">推荐栏目</span>
						<span class="title2">暂无店铺评价</span></p>
						<div class="txt ltxt"></div>
						<div class="img1"><img src="https://img.alicdn.com/bao/uploaded/i4/1717135074/TB29gQUXSr85uJjSZPhXXbXgpXa_!!1717135074.jpg_180x180q90.jpg_.webp"/></div>
						<div class="img2"><img src="https://img.alicdn.com/bao/uploaded/i3/TB15bDHKVXXXXbTXpXXXXXXXXXX_!!0-item_pic.jpg_100x100q90.jpg_.webp"/></div>
						<div class="img3"><img src="https://img.alicdn.com/bao/uploaded/i2/TB11c6ZKVXXXXXnXXXXXXXXXXXX_!!0-item_pic.jpg_100x100q90.jpg_.webp"/></div>
						</a>
					</li>
					<li class="m1 clearfix">
						<a href="#">
						<p><span class="title1">吃吃吃</span>
						<span class="title2">月收藏11304次</span></p>
						<div class="img1"><img src="https://img.alicdn.com/bao/uploaded/i1/160910894/TB2_27gazuhSKJjSspdXXc11XXa_!!160910894.jpg_180x180q90.jpg_.webp"/></div>
						<div class="img2"><img src="https://img.alicdn.com/bao/uploaded/i1/160910894/TB21bboddqUQKJjSZFIXXcOkFXa_!!160910894.jpg_100x100q90.jpg_.webp"/></div>
						<div class="img3"><img src="https://img.alicdn.com/bao/uploaded/i4/160910894/TB2BoI9azuhSKJjSspaXXXFgFXa_!!160910894.jpg_100x100q90.jpg_.webp"/></div>
						</a>
					</li>
				</ul>
				
			</div>
			<div class="box ">
			<div class="col clearfix">
				<div class="top clearfix">
					<a href="#">
					<div class="img fl"><img src="https://img.alicdn.com/tfs/TB1cmpCb3MPMeJjy1XdXXasrXXa-204-42.png"/></div>
					<div class="txt ltxt fl">淘宝直播</div> 
					<div class="txt rtxt fr">你的爱豆直播等你哟！<span class="iconfont">&#xe62e;</span></div>
					</a>
				</div>
				<ul class="row">
					<li class="m1 clearfix">
						<a href="#">
						<p><span class="title1">汪夫人是我</span>
						<span class="title2">3804观看</span></p>
						<div class="img1"><img src="https://img.alicdn.com/tfscom/i3/0/TB2VhFLb6gy_uJjSZKbXXXXkXXa_!!0-dgshop.jpg_180x180q90.jpg_.webp"/></div>
						<div class="img2"><img src="https://img.alicdn.com/bao/uploaded/i3/143332330/TB21n53bAfb_uJkSnfoXXb_epXa_!!143332330.jpg_100x100q90.jpg_.webp"/></div>
						<div class="img3"><img src="https://img.alicdn.com/bao/uploaded/i3/53646016/TB2eD2Tb8fM8KJjSZFOXXXr5XXa_!!53646016.jpg_100x100q90.jpg_.webp"/></div>
						</a>
						<div>&#xe633; </div>
					</li >
					<li class="m1 clearfix">
						<a href="#">
						<p><span class="title1">素味湘食</span>
						<span class="title2">5556观看</span></p>
						<div class="img1"><img src="https://img.alicdn.com/tfscom/i2/0/TB2Dyqvb6gy_uJjSZSgXXbz0XXa_!!0-dgshop.jpg_180x180q90.jpg_.webp"/></div>
						<div class="img2"><img src="https://img.alicdn.com/bao/uploaded/i1/32059/TB2VmQDdtnJ8KJjSszdXXaxuFXa_!!32059.jpg_100x100q90.jpg_.webp"/></div>
						<div class="img3"><img src="https://img.alicdn.com/bao/uploaded/i3/32059/TB2o69caj3z9KJjy0FmXXXiwXXa_!!32059.jpg_100x100q90.jpg_.webp"/></div>
						</a>
					</li>
					<li class="m1 clearfix">
						<a href="#">
						<p><span class="title1">赵大喜daxi</span>
						<span class="title2">143344观看</span></p>
						<div class="txt ltxt"></div>
						<div class="img1"><img src="https://img.alicdn.com/tfscom/i2/0/TB2VBXObtHO8KJjSZFLXXaTqVXa_!!0-dgshop.jpg_180x180q90.jpg_.webp"/></div>
						<div class="img2"><img src="https://img.alicdn.com/bao/uploaded/i3/704298669/TB139jYb8fM8KJjSZFrXXXSdXXa_!!0-item_pic.jpg_100x100q90.jpg_.webp"/></div>
						<div class="img3"><img src="https://img.alicdn.com/bao/uploaded/i4/704298669/TB1dpYkhInI8KJjSsziXXb8QpXa_!!0-item_pic.jpg_100x100q90.jpg_.webp"/></div>
						</a>
					</li>
					<li class="m1 clearfix">
						<a href="#">
						<p><span class="title1">美搭馆女装</span>
						<span class="title2">4322观看</span></p>
						<div class="img1"><img src="https://img.alicdn.com/tfscom/i2/0/TB2elFScJLO8KJjSZPcXXaV0FXa_!!0-dgshop.jpg_180x180q90.jpg_.webp"/></div>
						<div class="img2"><img src="https://img.alicdn.com/bao/uploaded/i4/370866108/TB2_ENIf_nI8KJjy0FfXXcdoVXa_!!370866108.jpg_100x100q90.jpg_.webp"/></div>
						<div class="img3"><img src="https://img.alicdn.com/bao/uploaded/i3/370866108/TB2wcfweAfb_uJjSsrbXXb6bVXa_!!370866108.jpg_100x100q90.jpg_.webp"/></div>
					</li>
				</ul>
				
			</div>
			
		</div>
	</body>
</html>
